.search-container {
    position: absolute;
    height: 100%;
    width: 100%;
    // background: black;
    color: white;
    overflow: auto;

    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0, 0, 0, 0.5);

    .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden;

        img {
            height: 100%;
            margin: 0 4px;
        }

        &::after {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            content: '';
            backdrop-filter: saturate(180%) blur(20px);
            background-color: rgba(0, 0, 0, 0.25);
        }
    }

    .content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;

        .head {
            height: 85px;
            display: flex;
            flex-direction: column;
            text-align: center;
            backdrop-filter: saturate(180%) blur(20px);
            background-color: rgba(0, 0, 0, 0.02);

            >span {
                font-size: 12px;
                margin-top: 24px;
            }

            >div {
                display: flex;
                padding: 8px 10px;
                justify-content: space-between;
                align-items: center;

                .input {
                    flex: 1;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0 4px;
                    backdrop-filter: saturate(180%) blur(20px);
                    background-color: rgba(0, 0, 0, 0.6);
                    border-radius: 4px;
                    margin-right: 8px;

                    img {
                        width: 16px;
                        opacity: 0.25;
                    }

                    input {
                        flex: 1;
                        box-sizing: border-box;
                        background: transparent;
                        font-size: 16px;
                        padding: 4px 0;
                        border: none;
                        outline: none;
                        color: white;
                    }
                }
            }
        }


    }

    .result {
        height: calc(100% - 85px);
        overflow: auto;
        .result-item {
           
            font-size: 14px;
            p {
                padding: 8px 16px 0;
                color: rgba($color: #FFFFFF, $alpha: 0.35);
                .red {
                    color: white;
                }
            }
            >span {
                padding: 0 16px;
                color: rgba($color: #FFFFFF, $alpha: 0.35);
                .red {
                    color: white;
                }
            }

        }
    }
}